:root {
    --modal-subtitle-orange: #fb5012;
}

/* GENERAL STYLING */
.filter-modal > .modal-card
{
    min-width: 40%;
    width: unset;
}

#modal-filter-timeline-leftover > .modal-card {
    width: 40%;
}

.wide-modal
{
  height: 90%;
  width: 95%;
}

/* FILTER MODAL */
#modal-filter > .modal-card {
    width: 55%;
}


/* SITE SETTINGS MODAL */

 #modal-body-sitesettings
{
    /* height: 85%;  */
	width: 35%;  
} 

#modal-body-config
{
    /* width: 35%; */
    height: 90%;
}

#modal-body-configsettings
{
    /* width: 35%; */
    height: 85%;
}

#sitesettings-input-datedays 
{
    max-width: 4rem;
}

.sitesettings-modal-label > label {
    color: var(--modal-subtitle-orange);
    /* color: #042a2b; */
}

.sitesettings-modal-label > span {
    /* color: #fe7f2d; */
    color: #042a2b;
}

.color-input
{
    width: fit-content;
}
.color-input > input[type="color"]
{
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    border: none;
    padding: 0;
    margin: 0;
}

/* CONFIG MODAL */
.modal-subtitle-orange {
    color: var(--modal-subtitle-orange);
    font-weight: bold;
}

.modal-subtitle{
    font-weight: bold;
}

.config-toggle-break
{
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    font-size: 1rem;
    color: rgb(74, 74, 74);
}